<extend name="Public/base_mobile"/>
<block name="head_css">
    <link rel="stylesheet" href="__SALEM_V3__/css/index.pkg.css">
</block>
<block name="content">
	<div id="init" class="init" v-show="!ready" transition="init">
        <div class="logo">
            <img src="http://activityfiles.oss-cn-hangzhou.aliyuncs.com/2016/03/08-14-55/56de7773ed78b.png" width="100%">
        </div>
        <ul class="box">
            <li class="ball ball-1 animated infinite"></li>
            <li class="ball ball-2 animated infinite"></li>
            <li class="ball ball-3 animated infinite"></li>
            <li class="ball ball-4 animated infinite"></li>
            <li class="ball ball-5 animated infinite"></li>
            <li class="ball ball-6 animated infinite"></li>
        </ul>
    </div>
    <!-- 主体 -->
    <div class="g-bd">
        <div class="banner">
            <div class="swiper-wrapper">
	            <div class="swiper-slide"><img width="100%" src="__SALEM_V3__/img/d.jpg" ></div>
            	<div class="swiper-slide"><a href="{:C('NAVIGATION_LINK_JBH')}" ><img width="100%" src="http://activityfiles.oss-cn-hangzhou.aliyuncs.com/2016/04/05-22-04/5703c5f36a994.jpg" ></a></div>
	            <div class="swiper-slide"><a href="http://next.hrbjjhh.com/activity-index-id-41.html" ><img width="100%" src="__INDEXM__/img/banner_pangniao.jpg" ></a></div>
	            <div class="swiper-slide"><a href="http://next.hrbjjhh.com/activity-index-id-28.html" ><img width="100%" src="__INDEXM__/img/banner_2.jpg" ></a></div>
	            <div class="swiper-slide"><a href="http://next.hrbjjhh.com/activity-index-id-19.html" ><img width="100%" src="__INDEXM__/img/banner_3.jpg" ></a></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
        <!-- 今日爆款 -->
        <div class="m-view-today-hot" id="j-view-today-hot">
            <div>
                <h2>今日爆款</h2>
                <div class="countdown" v-html="countdown_today">
                </div>
                <div class="clearfix"></div>
            </div>
            <ul class="list">
                <p v-if="0 >= goods_list.length" class="u-nodata">无数据</p>
                <li v-if="0 < goods_list.length" v-for="goods in goods_list" class="item flex-box">
                    <a class="item-img" v-bind:href="goods.goods_link">
                        <img width="100%" v-bind:data-echo="goods.goods_thumb">
                    </a>
                    <div class="item-body">
                        <a v-bind:href="goods.goods_link" class="title" v-text="goods.goods_name"></a>
                        <a class="discount" v-text="goods.goods_discount + '折'"></a>
                        <div>
                            <a class="remain" v-text="'剩余' + goods.promotion_stock">剩余0</a>
                            <a v-bind:href="goods.goods_link" v-text="buy_state_map[goods.state_2]" v-bind:class="{'btn-buy-disable': 1 < goods.state_2, 'btn-buy': true}"></a>
                            <div class="clearfix"></div>
                        </div>
                        <div class="price">
                            <span class="now">
                                <span class="currency">¥</span>
                            <span class="price" v-text="goods.shop_price"></span>
                            </span>
                            <span class="before">
                                <span class="currency">¥</span>
                            <span class="price" v-text="goods.market_price"></span>
                            </span>
                            <span class="fav">
                                <a class="num"  v-text="goods.follow_count">0</a>
                                <a class="icon"></a>
                             </span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- /今日爆款 -->
        <!-- 明日预告 -->
        <div class="m-view-tomorrow" id="j-view-tommorrow">
            <div class="header">
                <h2>明日预告</h2>
                <div class="countdown" v-html="countdown_tommorrow">
                </div>
                <div class="clearfix"></div>
            </div>

            <p v-if="0 >= goods_list.length" class="u-nodata">无数据</p>

            <div v-if="0 < goods_list.length" class="body">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div v-for="goods in goods_list" class="swiper-slide">
                            <a class="item" v-bind:href="goods.goods_link">
                                <span class="img"><img border="none" v-bind:data-echo="goods.goods_thumb"></span>
                                <span class="price-now" v-text="'￥' + goods.shop_price"></span>
                                <span class="price-old" v-text="'￥' + goods.market_price"></span>
                            </a>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        <!-- /明日预告 -->
        <div class="m-view-today-recommond" id="j-view-today-recommond" v-pull>
            <h2>今日推荐</h2>
            <ul class="category">
                <li v-for="(key, item) in category">
                    <a v-on:click="change_category(key)" class="icon"></a>
                    <a class="text" v-text="item"></a>
                </li>
            </ul>
            <ul class="list">
                <li v-for="goods in goods_list">
                    <a class="img" v-bind:href="goods.goods_link"><img width="100%" src="__SALEM_V3__/img/blank.gif" v-bind:data-echo="goods.goods_thumb"></a>
                    <a v-bind:href="goods.goods_link" class="title" v-text="goods.goods_name"></a>
                    <div class="price">
                        <span class="currency">￥</span><span class="now" v-text="goods.shop_price"></span>
                        <span class="before" v-text="'￥' + goods.market_price"></span>
                    </div>
                </li>
            </ul>
            <div class="clearfix"></div>
            <div v-if="nomore" class="alert-bottom">
                <img src="http://activityfiles.oss-cn-hangzhou.aliyuncs.com/2016/03/26-14-26/56f62b884eb61.png">
                <a>商品努力上传中, 请稍后查看</a>
            </div>
            <div v-else class="alert-bottom">
                <a v-if="0 < goods_list.length">正在为您加载更多商品...</a>
                <p v-if="0 >= goods_list.length" class="u-nodata">无数据</p>
            </div>
        </div>
    </div>
    <!-- /主体 -->
    <!-- 回到顶部 -->
    <a id="scrollUp">TOP</a>
    <!-- 回到顶部 -->
    <script>
    /*
     * 接口
     */
     var api = {
    		'today_recommond':'{:U("Shop/recommendList")}'
    		};
    /*
     * 数据
     */
    var data = {
        'today_tomorrow_data': {$goods_list},
        'today_recommond_category': {$classify_data},
        'today_countdown': {$countdown},
        'tomorrow_countdown': {$countdown},
        'buy_state_map': {$state_2_map}
    };
    </script>
    <script src="__SALEM_V3__/js/index.pkg.js"></script>
</block>
